<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/* 标签名选择器
			id选择器
			类选择器 */
			/* 标签选择器这是 */
			span{
				background-color: aqua;
				font-size: 40px;
				font-family: "楷体";
				color: orange;
			}
			/* 这是id选择器 
			一般body中的任何一个标签都有id属性
			id属性的值一般在同一个网页上是不允许重复的
			id属性一般用于帮助我们定位到页面上唯一的一个标签
			id属性值命名有规则
			不能有特殊符号不能以数字开头
			_仅能用这个特殊符号*/
			#p1
			{
				border: 1px dotted blue;
				background-color: gray;
				color: red;
				width: 100px;
				height: 100px;			
			}
			
			/* 这是类选择器 
			通过标签的class属性确定样式的作用范围
			一般body中的所有标签都有class属性
			多个不同的标签可以有相同的class属性*/
			.c1
			{
				background-color: cadetblue;
				font-size: 50px;
				text-decoration: none;   /* 把浏览器的下划线去掉 */
			}
			
		</style>
	</head>
	<body>
		<span id="s1">今天是2022年10月11日</span>
		<span id="s2">今天是2022年10月11日</span>
		<p id="p1">今天是2022年10月11日</p>
		<p id="p2" class="c1">今天是2022年10月11日</p>
		<h1 id="ha" class="c1">今天是2022年10月11日</h1>  
		<a href="001.html" class="c1">百度</a>
	</body>
</html>